{extend name="base"}
{block name="content"}
<style>
.Switch{
    float: none !important;
    margin: 0 auto;
    width: 108px;   
}
.Switch input {
  display: none
}

.Switch label {
  background: #CCC;
  height: 28px;
  width: 98px;
  border-radius: 14px;
  float: right;
  margin: 8px 10px 0 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
  position: relative;
}

.Switch label em {
  width: 26px;
  height: 26px;
  float: left;
  margin: 1px;
  border-radius: 13px;
  box-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
  background: #FFF;
  transition: 0.1s;
}
.Switch label span {
  position: absolute;
  left: 36px;
  height: 28px;
  line-height: 28px;
  color: #6E6B6B;
} 

.Switch input:checked+label {
  background: #a4d714;
}

.Switch input:checked+label span {
  color: #fff;
  left: 15px;
}

.Switch input:checked+label em {
  margin: 1px 1px 1px 71px;
}

.Switch input:disabled+label {
  opacity: 0.5
}

</style>
<div class="main_div">

            <div class="ty_box">
              <form class="form-inline" method="get">
              <div class="d_ty_head">
                <b class="e_d_t_title">我的供货商品<span>Pay Channel</span></b>
                
              </div>
              </form>
              <ul class="ty_b_list">
                <li class="ty_l_head">
                  <div class="ty_l_d1" style="width: 25%">授权码</div>
                  <div class="ty_l_d3" style="width: 25%">商品名称</div>
                  <div class="ty_l_d3" style="width: 25%">价格</div>
                  <div class="ty_l_d3" style="width: 25%">操作</div>
                </li>
                {foreach $list as $v}
                <li class="ty_l_li">
                  <div class="ty_l_d1" style="width: 25%">{$v.code}</div>
                  <div class="ty_l_d3" style="width: 25%">{$v.goods.name}</div>
                  <div class="ty_l_d3" style="width: 25%">{$v.price}</div>
                  <div class="ty_l_d3" style="width: 25%">{if $user.cp_authority==1 }
                {if $v.is_in_pond }<a class="ty_l_btn" href="javascript:void(0);"  onclick="removepond(this,'{$v.id}','{$v.goods_id}')">移除商品池</a> {else/}
                  {if $v.pond_count==0 }<a class="ty_l_btn" href="javascript:void(0);" onclick="addpond(this,'{$v.id}','{$v.goods_id}')">放入商品池</a> 
                  {/if}
                {/if}
              {/if}
              <a class="ty_l_btn"  href="javascript:void(0);" onclick="codeChangePrice(this,'{$v.id}','{$v.price}')">修改价格</a>
              <a class="ty_l_btn"  href="javascript:void(0);" onclick="delect(this,'{$v.id}')">删除</a>
              </div>
                  </li>
                 {/foreach}
              </ul>
              <div class="ty_b_footer">
              
             </div>
            </div>
          </div>
<script>
 function addpond(obj,id,goods_id){
   layer.load();
    $.post('/merchant/goods/addpond',{code_id:id,id:goods_id},function(res){
        window.location.reload();
    })
  }
 function removepond(obj,id,goods_id){
  layer.load();
    $.post('/merchant/goods/removepond',{code_id:id,id:goods_id},function(res){
        window.location.reload();
    })
  }
  layui.use('layer',function(layer){
    window.codeChangePrice=function(obj,id,price){
      layer.prompt({
        title:'修改授权价格',
        value:price
      },function(value, index, elem){
        $.post('/merchant/goods/codeChangePrice', {
          id: id,
          value:value
        }, function (res) {
          layer.msg(res.msg,{time:500},function(){
            window.location.reload();
          });
        })
      
      });
    }
    window.delect=function(obj,id,price){
      layer.confirm('确定删除？',function(){
        $.post('/merchant/goods/codeDelect',{code_id:id},function(res){
          layer.msg(res.msg,{time:500},function(){
            window.location.reload();
          });
        })
      });
      
    }

    window.copy=function(Url2){
      var oInput = document.createElement('input');
      oInput.value = Url2;
      document.body.appendChild(oInput);
      oInput.select(); // 选择对象
      document.execCommand("Copy"); // 执行浏览器复制命令
      oInput.className = 'oInput';
      oInput.style.display='none';
     layer.msg('授权码复制成功');
    }
    
  })
</script>
{/block}